<%--
  Created by IntelliJ IDEA.
  User: 29754
  Date: 2021/3/22
  Time: 21:41
  To change this template use File | Settings | File Templates.
--%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <base href="<%=basePath %>"/>
    <%--引入EasyUI的资源--%>
    <link rel="stylesheet" type="text/css" href="static/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="static/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="static/demo.css">
    <link rel="stylesheet" type="text/css" href="static/themes/color.css">
    <script type="text/javascript" src="static/jquery.min.js"></script>
    <script type="text/javascript" src="static/jquery.easyui.min.js"></script>
    <script type="text/javascript">
        $(function () {
            //初始化DataGrid
            $("#companyDataGrid").datagrid({
                url:"company/companyInfo",//设置远程加载数据的地址
                pagination:true,//在表格中显示分页工具栏，将此属性设置为true，就会发送ajax分页请求获取要加载的数据
                rownumbers:true,//显示行号
                pageNumber:1,//设置ajax分页查询的默认页码数
                pageSize:2,//设置每页显示的数量
                checkOnSelect:false,//设置点击行的任意位置不会选择该行，只有点击复选框时菜单选择
                pageList:[2,4,6],//设置每页数据量下拉框框中的数据
                title:"查询结果",//显示标题
                toolbar:"#companyToolBar",//增加工具栏效果
                columns:    //设置表格的列以及每列和加载的数据的映射关系
                    [[
                        {field:"aa",checkbox:true},//每列显示一个多选框的效果
                        {title:"编号",field:"cid",width:100,
                        },//表示一列，并且设置该列和数据的映射关系
                        {title:"公司名称",field:"cname",width:100},
                        {title:"手机号",field:"cphone",width:100},
                        {title:"开通时间",field:"starttime",width:200,
                            formatter:function (value,rows,rowIndex) {
                                return value.year+"-"+value.monthValue+"-"+value.dayOfMonth+" "
                                    +value.hour+":"+value.minute+":"+value.second;
                            }
                        },
                        {title:"订单量",field:"ordernumber",width:100},
                        {title:"账号状态",field:"status",width:100,
                            formatter:function (value,rows,rowIndex) {
                                return value=="1"?"正常":"禁用"
                            }
                        }
                    ]]
            })
        })
        //新增公司对话框及对里面内容的一些操作
        $(function () {
            //这里是对对话框的单击出现
            $("#addCompany").click(function () {
                $("#addComnapyDialog").dialog('open');
            })
            $("#addButton").click(function () {
                $("#addCompanyForm").form("submit",{
                    url: "company/addCompany",
                    success:function (data) {
                        //使用eval转换data
                        eval("var d="+data);
                        //提示用户
                        if(d.success){
                            $.messager.alert("增加公司信息",d.message,"info");
                            //关闭增加的对话框
                            $("#addComnapyDialog").dialog('close');
                            //重新记载DataGird中的数据
                            $("#companyDataGrid").datagrid('reload');
                        }else{
                            $.messager.alert("增加增加信息",d.message,"error");
                        }
                    }
                })
            })
            //关闭按钮实现
            $("#closeButton").click(function () {
                $("#addComnapyDialog").dialog('close');
                $("#addCompanyForm").form('clear');
            })
        })
        $(function () {
            //给账号按钮增加单击事件
            $("#accountStatus").click(function () {
                //获取选择的行
                var trs=$("#companyDataGrid").datagrid('getChecked');
                //判断是否选择要修改的行
                if(trs.length==1){
                    console.log(trs);
                    var cid = trs[0].cid;
                    $("#cid").val(cid)
                    var status = trs[0].status;
                    //发起ajax请求完成账号状态更新
                    if (status=='1'){
                        $("#radio1").attr("checked",true);
                    }else if (status=='0'){
                        $("#radio0").attr("checked",true);
                    }
                    $("#editComnapyStatusDialog").dialog("open");
                }else if (trs.length==0) {
                    $.messager.alert("提示","请选择要修改的公司","info");
                }else {
                    $.messager.alert("提示","请仅选择一个要修改的公司","info");
                }
            })

        })
        $(function () {
            $("#saveStatusButton").click(function () {
                $("#editCompanyStatusForm").form("submit",{
                    url:"company/accountStatus",
                    success:function (data) {
                        //转换数据
                        //data其实是一个对象
                        eval("var d="+data);
                        //判断结果,这个success，message是由后台通过Ajax发送来的
                        if(d.success){
                            $.messager.alert("提示",d.message,"info");
                            //关闭对话框
                            $("#editComnapyStatusDialog").dialog('close');
                            //刷新表格数据
                            $("#companyDataGrid").datagrid('reload');
                        }else {
                            $.messager.alert("提示",d.message,"info")
                        }
                    }
                })
            })
            //关闭对话框，以及清空对话框
            $("#closeStatusCloseButton").click(function () {
                $("#editComnapyStatusDialog").dialog("close");
                $("#editCompanyStatusForm").form('clear');
            })
        })
        //动态分页查询功能
        $(function () {
            $("#search").click(function () {
                $("#companyDataGrid").datagrid('load',{
                    cname:$("#cname").val(),
                    status:$("#status").val(),
                    orderSort:$("#orderSort").val()
                })
            })
        })
        //修改公司信息
        $(function () {
            $("#editCompany").click(function () {
                var datagrid = $("#companyDataGrid").datagrid("getChecked");
                if(datagrid.length==1){
                    //需要将数据带到要修改的页面之中,这个是我们选中那一行的数据
                    var element = datagrid[0];
                    //先保存id，作为修改标识
                    var cid = element.cid;
                    $("#editCid").val(cid);
                    //回显
                    $("#editCeo").val(element.ceo);
                    $("#editCname").val(element.cname);
                    $("#editCmail").val(element.cmail);
                    $("#editCpwd").val(element.cpwd);
                    $("#editCphone").val(element.cphone);
                    //打开对话框
                    $("#editComnapyDialog").dialog('open');
                }else if(datagrid.length==0){
                    $.messager.alert("提示","请选择一个公司","info")
                }else{
                    $.messager.alert("提示","请只选择一个公司","info")
                }
            })
            //增加保存修改的方法
            $("#saveUpdataButton").click(function () {
                $("#editCompanyForm").form("submit",{
                    url:"company/accountStatus",
                    success:function (data) {
                        //转换数据
                        //data其实是一个对象
                        eval("var d="+data);
                        //判断结果,这个success，message是由后台通过Ajax发送来的
                        if(d.success){
                            $.messager.alert("提示",d.message,"info");
                            //关闭对话框
                            $("#editComnapyDialog").dialog('close');
                            //刷新表格数据
                            $("#companyDataGrid").datagrid('reload');
                        }else {
                            $.messager.alert("提示",d.message,"info")
                        }
                    }
                })
            })
            //给关闭按钮增加相应方法
            $("#closeUpdataButton").click(function () {
                $("#editComnapyDialog").dialog('close');
                $("#editCompanyForm").form('clear');
            })
        })
    </script>
</head>
<body>
<div id="p" class="easyui-panel" title="婚庆公司管理"
     style="width:1100px;height:500px;padding:10px;background:#fafafa;"
     data-options="closable:false,collapsible:false,minimizable:false,maximizable:false">
    <%--创建检索条件组件效果--%>
    <div style="margin: auto;width: 700px;">
        <%--创建检索条件表单--%>
        <form action="" id="searchForm">
            <input class="easyui-textbox" prompt="公司名称" id="cname" name="cname" style="width:100px"><%--姓名条件--%>
            <select class="easyui-combobox" id="status"  data-options="editable:false,value:'账号状态'" name="status" style="width: 100px;"><%--账号状态条件--%>
                <option value="0">禁用</option>
                <option value="1">正常</option>
            </select>
            <select class="easyui-combobox" id="orderSort" data-options="editable:false,value:'订单排序'" name="orderSort" style="width: 100px;"><%--权重排序条件--%>
                <option value="asc">升序</option>
                <option value="desc">降序</option>
            </select>

            <a id="search" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:false">查询</a>
        </form>
    </div>

    <%--创建主持人信息加载的DataGrid组件--%>
        <table id="companyDataGrid"></table>
</div>
<%--创建主持人DataGrid的工具栏--%>
<div id="companyToolBar">
    <a id="addCompany" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">添加公司</a>
    <a id="editCompany" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">编辑公司</a>
    <a id="PlannerList" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">策划师列表</a>
    <a id="accountStatus" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true">账号状态</a>
</div>
<%--新增公司对话框--%>
<div id="addComnapyDialog" class="easyui-dialog" title="New Company" style="width:400px;height:300px;"
     data-options="resizable:false,modal:true,closed:true,buttons:'#bb'">
    <p style="position: relative;top: 30px;left: 40px;">Company Information</p>
    <div style="margin-left: 40px;margin-top: 32px" >
        <form id="addCompanyForm" method="post" >
            <div>
                公司名称:&nbsp;&nbsp;&nbsp;<input class="easyui-validatebox" type="text" name="cname" style="color: pink"/>
            </div>
            <div>
                账号密码:&nbsp;&nbsp;&nbsp;<input class="easyui-validatebox" type="text" name="cpwd"/>
            </div>
            <div>
                公司法人:&nbsp;&nbsp;&nbsp;<input class="easyui-validatebox" type="text" name="ceo"/>
            </div>
            <div>
                公司主机:&nbsp;&nbsp;&nbsp;<input class="easyui-validatebox" type="text" name="cphone"/>
            </div>
            <div>
                公司邮箱:&nbsp;&nbsp;&nbsp;<input class="easyui-validatebox" type="email" name="cmail"/>
            </div>
        </form>
    </div>
</div>
<div id="bb">
    <a id="addButton" href="javascript:void (0)" class="easyui-linkbutton">Save</a>
    <a id="closeButton" href="javascript:void(0)" class="easyui-linkbutton">Close</a>
</div>
<%--新建编辑公司状态对话框--%>

<div id="editComnapyStatusDialog" class="easyui-dialog" title="修改公司状态" style="width:400px;height:300px;"
     data-options="resizable:false,modal:true,closed:true,buttons:'#edit'">
    <p style="position: relative;top: 30px;left: 40px;">Company Status</p>
    <div style="margin-left: 40px;margin-top: 32px" >
        <form id="editCompanyStatusForm" method="post" >
            <input id="cid" type="hidden" name="cid"/>
            <div style="margin-bottom:20px" >
                禁&nbsp;&nbsp;&nbsp;用：&nbsp;&nbsp;<input id="radio0" data-toggle="topjui-radiobutton"
                       name="status" value="0"  type="radio">
            </div>
            <div style="margin-bottom:20px" >
                正&nbsp;&nbsp;&nbsp;常：&nbsp;&nbsp;<input id="radio1" data-toggle="topjui-radiobutton"
                       name="status" value="1"  type="radio">
            </div>
        </form>
    </div>
</div>
<div id="edit">
    <a id="saveStatusButton" href="javascript:void (0)" class="easyui-linkbutton">Save</a>
    <a id="closeStatusCloseButton" href="javascript:void(0)" class="easyui-linkbutton">Close</a>
</div>
<%--新建编辑公司对话框--%>
<div id="editComnapyDialog" class="easyui-dialog" title="修改公司状态" style="width:400px;height:300px;"
     data-options="resizable:false,modal:true,closed:true,buttons:'#updata'">
    <p style="position: relative;top: 30px;left: 40px;">Company Status</p>
    <div style="margin-left: 40px;margin-top: 32px" >
        <form id="editCompanyForm" method="post" >
            <input id="editCid" type="hidden" name="cid"/>
            <div>
                公司名称:&nbsp;&nbsp;&nbsp;<input class="easyui-validatebox" id="editCname" type="text" name="cname" style="color: pink"/>
            </div>
            <div>
                账号密码:&nbsp;&nbsp;&nbsp;<input class="easyui-validatebox" id="editCpwd" type="text" name="cpwd"/>
            </div>
            <div>
                公司法人:&nbsp;&nbsp;&nbsp;<input class="easyui-validatebox" id="editCeo" type="text" name="ceo"/>
            </div>
            <div>
                公司主机:&nbsp;&nbsp;&nbsp;<input class="easyui-validatebox" id="editCphone" type="text" name="cphone"/>
            </div>
            <div>
                公司邮箱:&nbsp;&nbsp;&nbsp;<input class="easyui-validatebox" id="editCmail" type="email" name="cmail"/>
            </div>
        </form>
    </div>
</div>
<div id="updata">
    <a id="saveUpdataButton" href="javascript:void (0)" class="easyui-linkbutton">Save</a>
    <a id="closeUpdataButton" href="javascript:void(0)" class="easyui-linkbutton">Close</a>
</div>
</body>
</html>
